<ui:composition template="/pages/templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="title">
        SISCLAS-INCIDENCIAS
	</ui:define>
	<ui:define name="content">
		<f:view>
			<p:growl id="mensajes" showDetail="true" sticky="false" />
			<h:form prependId="false">
				<p:spacer height="50px" />
				<center>
					<p:panel header="Registro de Incidencia" id="panelForm">
						<p:panelGrid style="panelNoBorder">
							<p:row>
								<p:column colspan="1">
									<h:outputLabel for="titulo" value="Título" />
								</p:column>
								<p:column colspan="3">
									<p:inputText id="titulo"
										value="#{incidenciaController.incidencia.titulo}"
										style="width:98%" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel for="tipo" value="Tipo" />
								</p:column>
								<p:column>
									<p:selectOneMenu id="tipo"
										value="#{incidenciaController.incidencia.tipo}"
										style="width:100%">
										<f:selectItems
											value="#{incidenciaController.incidenciaBackingBean.tipos}" />
									</p:selectOneMenu>
								</p:column>
								<p:column>
									<h:outputLabel for="fecha" value="Fecha" />
								</p:column>
								<p:column>
									<p:calendar id="fecha"
										value="#{incidenciaController.incidencia.fechaRegistro}"
										showOn="button" />
								</p:column>
							</p:row>

							<p:row>
								<p:column>
									<p:selectOneMenu id="console"
										value="#{incidenciaController.tipoAula}">
										<f:selectItem itemLabel="Aula" itemValue="aula" />
										<f:selectItem itemLabel="Laboratorio" itemValue="laboratorio" />
									</p:selectOneMenu>

								</p:column>
								<p:column>
									<p:inputText id="aula" value="#{incidenciaController.numero}" />
								</p:column>
								<p:column rendered="#{usuarioController.docente != null}">
									<h:outputLabel for="cursos" value="Curso" />
								</p:column>
								<p:column rendered="#{usuarioController.docente != null}">
									<p:selectOneMenu id="cursos"
										value="#{incidenciaController.incidencia.nombreCurso}">
										<f:selectItem itemLabel="Elige curso" noSelectionOption="true"/>
										<f:selectItems value="#{incidenciaController.cursos}"/>
									</p:selectOneMenu>
								</p:column>

							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel for="descripcion" value="Descripción" />
								</p:column>
								<p:column colspan="3">
									<p:inputTextarea id="descripcion"
										value="#{incidenciaController.incidencia.descripcion}"
										style="width:98%" />
								</p:column>
							</p:row>

							<p:row>
								<p:column colspan="4">
									<center>
										<p:commandButton value="Registrar" update=":mensajes"
											onclick="PF('dlg1').show();" />
										<p:commandButton value="Cancelar" update=":mensajes"
											onclick="PF('dlg2').show();" />
									</center>
								</p:column>
							</p:row>
						</p:panelGrid>
					</p:panel>

					<p:dialog header="Confirmacion de Registro" widgetVar="dlg1"
						modal="true" resizable="false">
						<h:outputText value="¿Desea continuar con la Operacion?" />
						<br />
						<br />
						<p:commandButton value="Registrar" update=":mensajes panelForm"
							actionListener="#{incidenciaController.registrar()}"
							onclick="PF('dlg1').hide();" />
						<p:commandButton value="Cancelar" onclick="PF('dlg1').hide();" />
					</p:dialog>
					<p:dialog header="Cancelacion" widgetVar="dlg2" modal="true"
						resizable="false">
						<h:outputText
							value="¿Desea cancelar la operacion? Cualquier dato que haya ingresado se perdera" />
						<br />
						<br />
						<p:commandButton value="Salir" update=":mensajes"
							actionListener="#{incidenciaController.cancelar()}"
							onclick="PF('dlg1').hide();" />
						<p:commandButton value="Continuar con el Registro"
							onclick="PF('dlg2').hide();" />
					</p:dialog>


				</center>
			</h:form>
		</f:view>
	</ui:define>
</ui:composition>